﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Account.aspx.cs" Inherits="GPSTrackingClientsWebsiteManager.Espanol.Pages.Account" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../../Javascript/jquery-1.8.0.min.js"></script>
    <script src="../../Javascript/messi.js"></script>
    <script src="../../Javascript/WindowMessagePlugin.js"></script>
    <link href="../../Css/messi.css" rel="stylesheet" />

    <link href="../../Css/GPSTrakingClientsWebsiteManager.css" rel="stylesheet" />

</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <script type="text/javascript">
                function checkPasswordMatch() {
                    var text1 = $find("<%=txtPassword.ClientID %>").get_textBoxValue();
                    var text2 = $find("<%=txtRePassword.ClientID %>").get_textBoxValue();

                    if (text2 == "") {
                        $get("PasswordRepeatedIndicator").innerHTML = "";
                        $get("PasswordRepeatedIndicator").className = "Base L0";
                    }
                    else if (text1 == text2) {
                        $get("PasswordRepeatedIndicator").innerHTML = "Iguales";
                        $get("PasswordRepeatedIndicator").className = "Base L5";
                    }
                    else {
                        $get("PasswordRepeatedIndicator").innerHTML = "No son Iguales";
                        $get("PasswordRepeatedIndicator").className = "Base L1";
                    }
                }
            </script>

        </telerik:RadCodeBlock>

        <div>
            <h2><span>Cuenta</span></h2>

            <fieldset>
                <legend>Información del usuario</legend>
                <table style="text-align: left">
                    <tr>
                        <td>
                            <table>
                                <tr>
                                    <td>Usuario:</td>
                                    <td>
                                        <asp:TextBox ID="txtUsername" runat="server">
                                        </asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Contraseña:</td>
                                    <td>

                                        <telerik:RadTextBox ID="txtPassword" runat="server"
                                            TextMode="Password" onkeyup="checkPasswordMatch()" EnableSingleInputRendering="false" Width="130px">
                                            <PasswordStrengthSettings ShowIndicator="true" TextStrengthDescriptions="Simple;Fácil;Normal;Difícil;Muy Difícil"
                                                IndicatorElementBaseStyle="Base" TextStrengthDescriptionStyles="L0;L1;L2;L3;L4;L5"
                                                IndicatorElementID="CustomIndicator"></PasswordStrengthSettings>
                                        </telerik:RadTextBox>
                                        <br />



                                    </td>
                                </tr>
                                <tr>
                                    <td>Repita Contraseña:</td>
                                    <td>
                                        <telerik:RadTextBox ID="txtRePassword" runat="server"
                                            TextMode="Password" onkeyup="checkPasswordMatch()" EnableSingleInputRendering="false" Width="130px">
                                        </telerik:RadTextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2"><span id="CustomIndicator">&nbsp;</span> <span id="PasswordRepeatedIndicator" class="Base L0">&nbsp;</span></td>
                                </tr>
                                <tr>
                                    <td>Nombre:</td>
                                    <td>
                                        <asp:TextBox ID="txtName" runat="server">
                                        </asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Primer Apellido:</td>
                                    <td>
                                        <asp:TextBox ID="txtFirstName" runat="server">
                                        </asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Segundo Apellido:</td>
                                    <td>
                                        <asp:TextBox ID="txtLastName" runat="server">
                                        </asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>País:</td>
                                    <td>
                                        <telerik:RadComboBox ID="cmbCountry" runat="server" DataTextField="Description" DataValueField="CountryId">
                                        </telerik:RadComboBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Provinica:</td>
                                    <td>
                                        <telerik:RadComboBox ID="cmbState" runat="server" DataTextField="Description" DataValueField="StateId">
                                        </telerik:RadComboBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Cantón:</td>
                                    <td>
                                        <telerik:RadComboBox ID="cmbCity" runat="server" DataTextField="Description" DataValueField="CityId">
                                        </telerik:RadComboBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Teléfono:</td>
                                    <td>
                                        <telerik:RadMaskedTextBox ID="txtTelephone" runat="server" Mask="####-####">
                                        </telerik:RadMaskedTextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Celular:</td>
                                    <td>
                                        <telerik:RadMaskedTextBox ID="txtMobile" runat="server" Mask="####-####">
                                        </telerik:RadMaskedTextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Email:</td>
                                    <td>
                                        <asp:TextBox ID="txtEmail" runat="server">
                                        </asp:TextBox>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td class="backgroundFrame">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: center">

                            <telerik:RadButton ID="btnOK" runat="server" Text="Guardar" OnClick="btnOK_Click">
                            </telerik:RadButton>
                        </td>
                    </tr>
                </table>
            </fieldset>
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
            <telerik:RadInputManager ID="RadInputManager1" runat="server">
                <telerik:RegExpTextBoxSetting IsRequiredFields="True" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
                    <TargetControls>
                        <telerik:TargetInput ControlID="txtEmail" />
                    </TargetControls>
                    <Validation IsRequired="True" />
                </telerik:RegExpTextBoxSetting>
                <telerik:TextBoxSetting>
                    <TargetControls>
                        <telerik:TargetInput ControlID="txtUsername" />
                        <telerik:TargetInput ControlID="txtName" />
                        <telerik:TargetInput ControlID="txtLastName" />
                        <telerik:TargetInput ControlID="txtMobile" />
                        <telerik:TargetInput ControlID="txtFirstName" />
                    </TargetControls>
                    <Validation IsRequired="True" />
                </telerik:TextBoxSetting>
            </telerik:RadInputManager>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="btnOK">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="btnOK" />
                            <telerik:AjaxUpdatedControl ControlID="RadNotification1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <telerik:RadNotification ID="RadNotification1" runat="server" Position="TopRight" Skin="Metro" Text="Guardado" VisibleTitlebar="False" Width="200px">
            </telerik:RadNotification>
        </div>
    </form>
</body>
</html>
